<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="__ROOT__/static/blupilot/css/style.css" />
    <link rel="stylesheet" href="__ROOT__/static/blupilot/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="__ROOT__/static/blupilot/layui/css/modules/layer/default/layer.css" />
    <title>Home {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">

    <include file="public@header_new" />

    <div class="Carousel">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide rel">
                    <img src="__ROOT__/static/blupilot/img/banner.png" />
                    <div class="logo_infor">
                        <div class="cen" style="height: 90px;line-height: 100px;">
                            <span class="xbt_btn ml_10">Buy beacon</span>
                            <span class="xbt_btn active mr_10">信标推荐</span>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
            </div>
        </div>
    </div>
    <div class="liucheng">
        <div class="main">
            <div class="rel fl daoxiangbox">
                <img src="__ROOT__/static/blupilot/img/5.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 47px;color:#34B7FF;">Buy beacon</span>
            </div>
            <div class="fl daoxiangbox1 cen">
                <img src="__ROOT__/static/blupilot/img/4.png" />
            </div>
            <div class="rel fl daoxiangbox">
                <img src="__ROOT__/static/blupilot/img/1.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 47px;color:#34B7FF;">Setting beacon</span>
            </div>
            <div class="fl daoxiangbox1 cen">
                <img src="__ROOT__/static/blupilot/img/4.png" />
            </div>
            <div class="rel fl daoxiangbox">
                <img src="__ROOT__/static/blupilot/img/2.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 50px;color:#34B7FF;">API integration</span>
            </div>
            <div class="fl daoxiangbox1 cen">
                <img src="__ROOT__/static/blupilot/img/4.png" />
            </div>
            <div class="rel fl daoxiangbox">
                <img src="__ROOT__/static/blupilot/img/3.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 47px;color:#34B7FF;">System development</span>
            </div>
            <div class="clearboth"></div>
        </div>
    </div>
    <include file="public@footer_new" />
</body>
</html>